<ui:composition template="/WEB-INF/templates/main-template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="sidebar">
		<ui:include src="/WEB-INF/templates/public-sidebar.xhtml" />
	</ui:define>
	<ui:define name="content">
		
		<h:form>
		 <p:panel header="#{msg['eform.lable.heading']}">   
         	<h:panelGrid style="width: 100%;"> 
				<p:dataTable value="#{eformListBean.newJoineesList}" var="newJoinee" paginator="true" rows="20">
				
				<p:column>
					<f:facet name="header">
						<h:outputText value="Employee Name" />
					</f:facet>
					<h:outputText value="#{newJoinee.firstName} #{newJoinee.lastName}" />
				</p:column>

				<p:column>
					<f:facet name="header">
						<h:outputText value="Telephone Number" />
					</f:facet>
					<h:outputText value="#{newJoinee.telephone}" />
				</p:column>


				<p:column>
					<f:facet name="header">
						<h:outputText value="Email" />
					</f:facet>
					<h:outputText value="#{newJoinee.email}" />
				</p:column>

				<p:column>
					<f:facet name="header">
						<h:outputText value="DOJ" />
					</f:facet>
					<h:outputText value="#{newJoinee.dateOfJoining}">
						<f:convertDateTime pattern="dd-MMM-yyyy"></f:convertDateTime>
					</h:outputText>
				</p:column>

				<p:column>
					<p:commandButton value="Validate"
						action="#{eformListBean.vieweform}" ajax="false">
						<f:setPropertyActionListener target="#{eformListBean.newJoinee}"
							value="#{newJoinee}"></f:setPropertyActionListener>
						<!-- <f:param id="newJoineeId" name="newJoineeId" value="#{newJoinee.newJoineeId}" />  -->
					</p:commandButton>

				</p:column>

			</p:dataTable>
			</h:panelGrid>
			</p:panel>

		</h:form>
	</ui:define>
</ui:composition>

